import { Avatar, Divider } from 'antd'
import { GithubOutlined, QqOutlined, WechatOutlined } from '@ant-design/icons'

import styles from '../styles/components/Auth.module.css'

const Author = () => {
  return (
    <div className={`${styles.author_div} comm-box`}>
      <div>
        <Avatar size={64} src="/images/profilePhoto.jpg" />
      </div>
      <div className={styles.author_introduction}>
        <p>
          Hope is a good thing and maybe the best of things. and no good thing ever dies.
          You got a dream, you gotta protect it.
        </p>
        <Divider>社交帐号</Divider>
        <div>
          <Avatar size={28} icon={<GithubOutlined />} className={styles.account} />
          <Avatar size={28} icon={<QqOutlined />} className={styles.account} />
          <Avatar size={28} icon={<WechatOutlined />} className={styles.account} />
        </div>
      </div>
    </div>
  )
}

export default Author
